From e61da1367da23c309bd006416d598d861dfcfb2c Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 26 Oct 2023 14:48:00 -0700
Subject: refactor(badges): move to bun:sqlite

---
 src/routes/user/[user]/badges/+page.svelte | 31 +++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

(limited to 'src/routes/user/[user]')

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 293a7ba5..324d568e 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -26,25 +26,26 @@
 		const activityURL = document.querySelector('input[name="activity_url"]') as HTMLInputElement;
 		const description = document.querySelector('input[name="description"]') as HTMLInputElement;
 
-		fetch(`/api/badges/add`, {
-			method: 'POST',
-			body: JSON.stringify([
-				{ image: imageURL.value, post: activityURL.value, description: description.value }
-			])
+		fetch(
+			`/api/badges/add?image=${encodeURIComponent(imageURL.value)}&post=${encodeURIComponent(
+				activityURL.value
+			)}&description=${encodeURIComponent(description.value)}`,
+			{
+				method: 'POST'
+			}
+		).then(() => {
+			imageURL.value = '';
+			activityURL.value = '';
+			description.value = '';
 		});
-
-		console.log(imageURL.value, activityURL.value, description.value);
-
-		imageURL.value = '';
-		activityURL.value = '';
-		description.value = '';
 	};
 
 	const removeBadge = (badge: Badge) => {
 		fetch(`/api/badges/remove?id=${badge.id}`, {
 			method: 'POST'
+		}).then(() => {
+			(document.querySelector(`#badge-${badge.id}`) as HTMLAnchorElement).style.display = 'none';
 		});
-		(document.querySelector(`#badge-${badge.id}`) as HTMLAnchorElement).style.display = 'none';
 	};
 </script>
 
@@ -56,9 +57,9 @@
 		<a href={`/user/${data.username}`}>Back to Profile</a>
 		{#if isOwner}
 			•
-			<a href={`#`} on:click={() => (editMode = !editMode)}
-				>{editMode ? 'Disable' : 'Enable'} Edit Mode</a
-			>
+			<a href={`#`} on:click={() => (editMode = !editMode)}>
+				{editMode ? 'Disable' : 'Enable'} Edit Mode
+			</a>
 		{/if}
 	</p>
 
-- 
cgit v1.2.3